<%--
  Created by IntelliJ IDEA.
  User: Faroe
  Date: 17/5/3
  Time: 下午6:38
  To change this template use File | Settings | File Templates.
--%>


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path;
%>
<html>
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta http-equiv="Content-Type" content="text/html; charset='utf-8'" />
    <!-- start分页需要使用以下三个js -->
    <script type="text/javascript" src="<%=basePath%>/js/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="<%=basePath%>/js/admin/utils.js"></script>
    <script type="text/javascript" src="<%=basePath%>/js/base/listtable.js"></script>
    <!-- end分页需要使用以上三个js -->
    <style>
        .table th, .table td {
            text-align: center;
            vertical-align: middle!important;
        }
    </style>

</head>
<body  class="skin-blue" onload="searchForm.submit();" >
    <!-- getHeader -->
    <s:action name="getHeader" namespace="/privilege" executeResult="true"/>
    <div class="wrapper row-offcanvas row-offcanvas-left">
        <!-- Left side column. contains the logo and sidebar -->

        <!-- getMenus -->
        <s:action name="getMenus" namespace="/privilege" executeResult="true"/>

        <!-- Right side column. Contains the navbar and content of the page -->
        <aside class="right-side">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                <h1>
                    <small>商品列表</small>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                    <li><a href="#">Tables</a></li>
                    <li class="active">Data tables</li>
                </ol>
            </section>

            <!-- Main content -->
            <section class="content">

                <div class="row">
                    <div class="col-xs-12">
                        <div class="box">
                            <div class="box box-danger">
                                <div class="box-body">
                                    <form action="javascript:searchGoodsList();" class="form-inline" name="searchForm" id="formScript" method="post">
                                        <%--<lable>商品名称</lable>--%>
                                        <input type="text" id="condition1" class="input-small" hidden>

                                        <%--<button type="submit" class="btn" >查询</button>--%>

                                    </form>
                                    <button type="submit" class="btn" Onclick="window.location.href='addgoods.jsp'">新增</button>
                                </div>
                                <!-- /.box-body -->
                            </div><!-- /.box -->

                            <!-- 文章列表 -->
                            <form method="post" target="_self" action="" name="listForm">
                                <div class="box-body table-responsive" id="listDiv">
                                    <s:property value="res" escape="false"/>
                                </div><!-- /.box-body -->
                            </form>
                        </div><!-- /.box -->
                    </div>
                </div>
            </section><!-- /.content -->
        </aside><!-- /.right-side -->
    </div><!-- ./wrapper -->
</body>

<script type="text/javascript">
    //查询商品列表
    function searchGoodsList() {
        listTable.filter['goodsName'] = Utils.trim(document.forms['searchForm'].elements['condition1'].value);
        listTable.action = "<%=basePath%>/action/common/ajaxQueryGoodsList.action";
        listTable.loadList();
    }
</script>

</html>
